<template>
  <div class="wrop flex fdc fg1">
    <div class="wrop-top">
      <el-button @click="backPage" type="primary" :icon="ArrowLeft">Back page</el-button>
    </div>
    <iframe 
      class=" fg1" 
      src="../../../public/Websites/7/7,kingstock/index.html" 
      style="width100%; height:100%" frameborder="0">
    </iframe>
  </div>
</template>

<script setup>
import {  useRouter } from 'vue-router';
import {
  ArrowLeft,
} from '@element-plus/icons-vue'
const router = useRouter()
const backPage = () => {
  router.push({ path: "/website/Themes"})
  console.log('ii');
}

</script>

<style lang="less" scoped>
.wrop{
  background: #f1f1f1;
  &-top{
    padding-bottom: 20px;
  }
}
/* 整个滚动条 */
::-webkit-scrollbar {
    /* 对应纵向滚动条的宽度 */
    width: 5px;
    /* 对应横向滚动条的宽度 */
    height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: #cdcecf;
    border-radius: 32px;
}
</style>